方法有两种。

第一种通过select的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

select  id =  "sel"

option  value = "1" 1/ option

option  value = "2"  selected = "selected" 2/ option

option  value = "3" 3/ option

/ select  

第二种为通过前端js来控制选中的项:

script  type = "text/javascript"

function change(){

document.getElementById("sel")[2].selected=true

}

/ script

select  id =  "sel"

option  value = "1" 1/ option

option  value = "2" 2/ option

option  value = "3" 3/ option

/ select

input  type = "button"  value = "修改"  onclick = "change()"  /

获取select标签选中项文本的js代码为:

var  val = document.all.Item.options[document.all.Item.selectedIndex].text

var  i=document.getElementById('sel').options[document.getElementById('sel').selectedIndex].value

扩展资料

Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 input type="radio"每出现一次，一个 Radio 对象就会被创建。

单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()。

参考资料：百度百科-radio

html中radio的用法：

radio分组 ：只要name一样，就是一组的，即一组中只能选择一个，如下：

spangroup1:/span

input type="radio" id="radio1" checked="checked" name="group1" /radio1

input type="radio" id="radio2" name="group1" /radio2

input type="radio" id="radio3" name="group1" /radio3

spangroup2:/span

input type="radio" id="radio4" checked="checked" name="group2" /radio4

input type="radio" id="radio5" name="group2" /radio5

input type="radio" id="radio6" name="group2" /radio6

获取选中的radio节点：使用jquery可以很方便做到，先选择group，然后过滤出checked的，如下

var group1 = $("[name='group1']").filter(":checked")

console.log(group1.attr("id"))

选中一个radio节点：使用jquery设置checked属性，如下

$("#radio2").attr("checked", "checked")

去选中一个radio节点 移除checked属性，如下

$("#radio1").removeAttr("checked")

这样做的结果可能造成一组radio中没有一个处于选中状态

注册选中去选中事件：还是使用jquery的on函数来注册change事件，如下：

$("[name='group1']").on("change",

 function (e) {

        console.log($(e.target).val())

  }

)

这样只要group1中任何一个有选中的，就会触发函数

欢迎分享，转载请注明来源：内存溢出

原文地址:https://outofmemory.cn/zaji/7423437.html